<!doctype html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" />
    <link href="css/jquery.treeview.css" rel="stylesheet" type="text/css">
    <link href="css/menu.css" rel="stylesheet" type="text/css">
    <title> Tigrigna bible
    </title>

<!--    <script type="text/javascript" src="js/jquery/jquery-1.7.1.js"></script>-->
<!--    <script type="text/javascript" src="js/jquery/jquery.ui.core.js"></script>-->
    <script type="text/javascript" src="js/jquery/jquery.ui.widget.js"></script>
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script type="text/javascript" src="../../home/keyboard/geez.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.position.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.ui.autocomplete.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.treeview.js"></script>

    <script type="text/javascript" src="js/nav/menu.js"></script>
    <script>
        // increase the default animation speed to exaggerate the effect
//        $.fx.speeds._default = 1000;
        $(function() {
            $( "#dialog" ).dialog({
                autoOpen: false,
                show: "blind",
                hide: "explode"
            });

            $( "#selector" ).click(function() {
                $( "#dialog" ).dialog( "open" );
                return false;
            });
        });
    </script>

    <script type="text/javascript">

        $(document).ready(function () {
          //  $('#content').load("list.php");
//            $('#rightcol').hide();
            // second example
     //       $("#dialog").dialog().hide();

            $("#navigation").treeview({
                persist:"location",
                collapsed:true,
                unique:true
            });
            $( "#dialog" ).dialog({
                autoOpen: false,
                show: "blind",
                hide: "explode"
            });

        });
    </script>

</head>
<body>
<?php
$table = "ti_bible";
$book = $_GET['book'] == NULL ? 1 : $_GET['book'];
$chapter = $_GET['chapter'] == NULL ? 1 : $_GET['chapter'];
?>

<div id="header">
    <h1><a href="index.php"><font color=#FFFFFF>&#4632;&#4925;&#4627;&#4941; &#4677;&#4849;&#4661; &#4709;&#4725;&#4877;&#4653;&#4763&nbsp;</font></a>
    </h1>

    <h3><font color="gray">tigrigna bible</font>
    </h3>
</div>
<div id="leftcol"><?php
    require_once('menu.php');
    echo getBooks();
    ?></div>
<div id="content"><?php require_once('list.php');
    echo selectChapter($table1, $book, $chapter);  ?>
</div>
<div id="rightcol">
   <?php  echo selectChapter($table2, $book, $chapter);   ?>
</div>
</body>
</html>